<!--Inicio calendario-->
<script type="text/javascript" src="<?=base_url()?>/resources/js/jscalendar/calendar.js"></script>
<script type="text/javascript" src="<?=base_url()?>/resources/js/jscalendar/lang/calendar-es.js"></script>
<script type="text/javascript" src="<?=base_url()?>/resources/js/jscalendar/calendar-setup.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?=base_url()?>/resources/js/jscalendar/calendar-system.css" title="Calendario" />
<!--Fin calendario-->
<script type="text/javascript">
////////////////////////////////////////////////////////////////////////////////
function validar_entidad()
{
	var tipo_entidad = $('tipo_entidad').value;
	if(tipo_entidad == 0){
		alert("Debe seleccionar un tipo de entidad de la lista!!");
		return false;}
	
	var var_url = '<?=site_url()?>/adm/novedades/obtener_entidad';
	
	var ajax = new Request(
	{
		url: var_url,
		method: 'post',
		data:  $('formulario').toQueryString(),
		onRequest: function (){$('div_precarga').style.display = "block";},
		onSuccess: function(html){$('div_entidad').set('html', html);
		$('div_precarga').style.display = "none";},
		onComplete: function(){},
		evalScripts: true,
		onFailure: function(){alert('Error ejecutando ajax!');
		$('div_precarga').style.display = "none";}
		
	});
	ajax.send();
}
////////////////////////////////////////////////////////////////////////////////
function validarFormulario()
{
	var id_concepto = $('id_concepto').value;
	var tipo_entidad = $('tipo_entidad').value;
	var id_entidad = $('id_entidad').value;
	
	
	if(id_concepto == 0){
		alert("Debe seleccionar un concepto de la lista!!");
		return false;}
	
	for(i=0; i <document.formulario.estado.length; i++){
    if(document.formulario.estado[i].checked){
      var val = document.formulario.estado[i].value;}
    }
	if(!(val == 'A' || val == 'I')){
		alert("Debe seleccionar el estado de la novedad!!");
		return false;
	}
	
	for(i=0; i <document.formulario.tipo.length; i++){
    if(document.formulario.tipo[i].checked){
      var val = document.formulario.tipo[i].value;}
    }
	if(!(val == 'Suma' || val == 'resta')){
		alert("Debe seleccionar el tipo de novedad!!");
		return false;
	}
	
		for(i=0; i <document.formulario.periodo.length; i++){
    if(document.formulario.periodo[i].checked){
      var val = document.formulario.periodo[i].value;}
    }
	if(!(val == 'U' || val == 'M')){
		alert("Debe seleccionar el periodo de la novedad!!");
		return false;
	}
	
	if(tipo_entidad == 0){
		alert("Debe seleccionar un tipo de entidad de la lista!!");
		return false;}
	
	if(id_entidad == 0){
		alert("Debe seleccionar la entidad de la lista!!");
		return false;}
	
	return true;
}
////////////////////////////////////////////////////////////////////////////////
function regresar()
{
	document.location = "<?php echo $urlRegresar; ?>";
}
////////////////////////////////////////////////////////////////////////////////
window.addEvent("domready", function(){
	var exValidatorA = new fValidator("formulario");	 
});
////////////////////////////////////////////////////////////////////////////////
</script>
<?php
$attributes = array('id'       => 'formulario',
	                'name'     => 'formulario',
					'method'   => 'post',
					'onsubmit' => 'return validarFormulario()');
	echo form_open('/adm/novedades/crear_novedad_',$attributes);
?>
<h1 class="tituloppal">Administración de la Cartera</h1>
<h2 class="subtitulo">Crear novedad</h2>
<center>
<table width="100%" class="tabla_form">
<tr><th colspan="2">Datos de la novedad</th></tr>
<tr>
<td width="40%" class="campo">Concepto:</td>
<td width="60%">
<select name="id_concepto" id="id_concepto">
	<option value="0" selected="selected">-Seleccione uno-</option>
<?
	foreach($conceptos as $d)
	{
		echo '<option value="'.$d['id_concepto'].'">'.$d['descripcion'].'</option>';
	}
?>
</select>
</td>
</tr>
<tr>
<td class="campo">Estado de la novedad:</td>
<td>Activa&nbsp;<input name="estado" id="estado" type="radio" value="A" />
Inactiva&nbsp;<input name="estado" id="estado" type="radio" value="I" /></td>
</tr>
<tr>
<td class="campo">Tipo de afectación de la novedad:</td>
<td>Suma&nbsp;<input name="tipo" id="tipo" type="radio" value="Suma" />
Resta&nbsp;<input name="tipo" id="tipo" type="radio" value="Resta" /></td>
</tr>
<tr>
<td class="campo">Valor de la novedad:</td>
<td>$<?=nbs().form_input(array('name' => 'valor',
                        'id'=> 'valor',
                        'maxlength'   => '10',
                        'size'=> '10',
                        'class'=>"fValidate['integer']"))?></td>
</tr>
<tr>
<td class="campo">Periodo de afectación:</td>
<td>Unica&nbsp;<input name="periodo" id="periodo" type="radio" value="U" />
Mensual&nbsp;<input name="periodo" id="periodo" type="radio" value="M" /></td>
</tr>
<tr>
<td class="campo">Entidad a la que se le aplica:</td>
<td>
<select name="tipo_entidad" id="tipo_entidad" onchange="validar_entidad()">
	<option value="0" selected="selected">-Seleccione uno-</option>
	<option value="T">Todos</option>
	<option value="G">Grado</option>
	<option value="E">Estudiante</option>
</select>
<div id="div_entidad">
<input type="hidden" id="id_entidad" name="id_entidad" value="99999999"  />
</div>
</td>
</tr>
<tr>
<td class="campo">Fecha de inicio de afectación:</td>
<td>
<input name="fecha_inicio" type="text" id="fecha_inicio" value="" size="10" maxlength="10" READONLY="readonly" class="fValidate['required']">
<img src='<?=base_url()?>resources/img/calendario_boton.png' id='fecha_inicio_b' title='Seleccionar fecha' style='cursor:pointer' onmouseout='this.style.background=""' />
<script type='text/javascript'>
	Calendar.setup({
	inputField     :    'fecha_inicio',     		// id of the input field
	ifFormat       :    '%Y-%m-%d',
	daFormat       :    '%Y-%m-%d',          // format of the input field
	displayArea	   :	'fecha_inicio',
	showsTime      :	true,
	timeFormat     :    '12',
	button         :    'fecha_inicio_b',       // trigger for the calendar (button ID)
	align          :    'Br',                   // alignment (defaults to 'Bl')
	singleClick    :    true
});
</script>
</td>
</tr>
<tr>
<td class="campo">Fecha finalización de afectación:</td>
<td>
<input name="fecha_fin" type="text" id="fecha_fin" value="" size="10" maxlength="10" READONLY="readonly" class="fValidate['required']">
<img src='<?=base_url()?>resources/img/calendario_boton.png' id='fecha_fin_b' title='Seleccionar fecha' style='cursor:pointer' onmouseout='this.style.background=""' />
<script type='text/javascript'>
	Calendar.setup({
	inputField     :    'fecha_fin',     		// id of the input field
	ifFormat       :    '%Y-%m-%d',
	daFormat       :    '%Y-%m-%d',          // format of the input field
	displayArea	   :	'fecha_fin',
	showsTime      :	true,
	timeFormat     :    '12',
	button         :    'fecha_fin_b',       // trigger for the calendar (button ID)
	align          :    'Br',                   // alignment (defaults to 'Bl')
	singleClick    :    true
});
</script>
</td>
</tr>
<tr><td colspan="2" align="center">
<?
$data = array(	'name' => 'bv',
				'id' => 'bv',
				'onclick' => 'regresar()',
				'value' => 'Volver',
				'type' =>'button');
echo form_input($data);
?>
&nbsp;
<?=form_submit('boton', 'Guardar')?>
</td></tr>
</table>
<?=form_close();?>
</center>